jedg_logo
← Volver

Project little death

Autor: jedgig
Astro
Cloudflare
Ts
Js
Github
Project little death

La web está desarrollada con el framework Astro, una tecnología enfocada en la generación de sitios estáticos optimizados y de alto rendimiento. Astro permite construir interfaces modernas usando componentes y renderizar el contenido de forma eficiente, entregando al navegador únicamente el HTML necesario, sin dependencias innecesarias de JavaScript cuando no se requieren, lo que reduce drásticamente los tiempos de carga y mejora la experiencia del usuario final.


Estructura y funcionamiento del proyecto

La arquitectura del proyecto está diseñada para mantener la máxima simplicidad en el mantenimiento del contenido, al mismo tiempo que se aprovechan tecnologías modernas de desarrollo web. La funcionalidad del sitio se distribuye en dos grandes bloques: el código fuente y el contenido dinámico estructurado.

1. Tecnología base: Astro

El motor del sitio es el framework Astro, cuya principal característica es la generación de sitios estáticos (Static Site Generation - SSG). Esto quiere decir que todo el contenido del sitio es procesado y compilado antes de ser publicado, en lugar de ser generado dinámicamente cada vez que alguien accede a una página. Esto ofrece una gran cantidad de ventajas:

2. Gestión del contenido

Todo el contenido editable del sitio está almacenado en archivos JSON. Estos archivos funcionan como la “fuente de verdad” de la información que se muestra en la web. En lugar de modificar archivos HTML o código fuente, basta con editar estos archivos estructurados para cambiar títulos, descripciones, rutas de navegación, entradas de blog, galerías, enlaces u otro tipo de datos visibles.

Esto proporciona una gran ventaja para usuarios no técnicos, ya que no es necesario tener conocimientos de programación para actualizar la información del sitio.

Cada vez que se edita uno de estos archivos JSON, el sistema de despliegue automático se encarga de regenerar la web para reflejar los cambios realizados.

3. Plataforma de control de versiones: GitHub

Todo el código fuente del proyecto, así como los archivos de contenido (JSON), están almacenados en un repositorio privado en GitHub. GitHub actúa como centro de operaciones del proyecto, permitiendo:

Este enfoque permite tener control total y trazabilidad completa sobre todos los cambios realizados en la web.

4. Plataforma de despliegue: Cloudflare Pages

La web se aloja y publica mediante Cloudflare Pages, una plataforma especializada en el despliegue de sitios estáticos de forma automática y escalable. Cada vez que se realiza un cambio en el repositorio de GitHub, Cloudflare detecta ese cambio y genera una nueva versión del sitio, que se despliega de forma completamente automatizada.

Ventajas de utilizar Cloudflare Pages:

El resultado es un sistema de publicación completamente automatizado y seguro, con tiempos de carga rápidos desde cualquier parte del mundo.


Ventajas del sistema actual

Visitar proyecto Volver